<template>
  <div id="app" :class="{un_zh_CN:localLabelDefault,zh_CN:!localLabelDefault}">
    <router-view/>
  </div>
</template>

<script>
export default {
  name: 'App',
  computed: {
    localLabelDefault() {
      return this.$i18n.locale !== 'zh_CN'
    }
  },
  // mounted() {
  //   setInterval(()=>{
  //     console.log(performance.memory);
  //   },2000)
  // }
}
</script>

<style lang="less">
@import "./app.css";

#app {
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: 100%;
  width: 100%;
}

// 非中文表单布局
.un_zh_CN {
  .el-button {
    max-height: 32px !important;
    min-height: 32px !important;
  }

  .el-form-item__label {
    width: 100% !important;
    text-align: left !important;
    height: 32px !important;
  }

  .el-form-item__content {
    margin-left: 0 !important;
    line-height: normal !important;


    // 表单radio  checkbox 默认高度32px
    .el-radio {
      line-height: 32px;
    }

    .el-checkbox {
      line-height: 32px;
    }
  }
}

// 中文表单布局
.zh_CN {
  // 解决表单line-height导致排版乱问题
  .el-form-item__label {
    height: 32px !important;
  }

  .el-form-item__content {
    min-height: 32px;
    line-height: normal !important;
  }

  // 表单radio  checkbox 默认高度32px
  .el-radio {
    line-height: 32px;
  }

  .el-checkbox {
    line-height: 32px;
  }
}
</style>
